高級宴会コンパニオン派遣（東京）IRIS LUXE アイリスリュクス | 【東京全域対応】宴会コンパニオン派遣

<!doctype html>

<head>

<title>IRIS LUXE — 東京の高級宴会コンパニオン派遣</title>

<style>

:root{

–bg:#0f0b0a; /* deep warm black */

–card:#121212;

–muted:#bdb1a7;

–accent:#c9a17a; /* warm gold */

–glass: rgba(255,255,255,0.04);

–radius:14px;

–max-width:980px;

–font-sans: “Hiragino Kaku Gothic ProN”, “Noto Sans JP”, “Yu Gothic UI”, system-ui, -apple-system, “Segoe UI”, Roboto, “Helvetica Neue”, Arial;

}

html,body{height:100%}

body{

margin:0;

font-family:var(–font-sans);

background: linear-gradient(180deg,#0f0b0a 0%, #1a1513 60%);

color:#efe7df;

-webkit-font-smoothing:antialiased;

-moz-osx-font-smoothing:grayscale;

line-height:1.6;

padding:24px;

box-sizing:border-box;

display:flex;

justify-content:center;

}

.wrap{

width:100%;

max-width:var(–max-width);

}

header{

display:flex;

align-items:center;

justify-content:space-between;

gap:16px;

margin-bottom:18px;

}

.brand{

display:flex;

gap:12px;

align-items:center;

}

.logo{

width:58px;

height:58px;

border-radius:12px;

background:linear-gradient(135deg, rgba(201,161,122,0.12), rgba(201,161,122,0.04));

display:inline-grid;

place-items:center;

box-shadow: 0 6px 18px rgba(0,0,0,0.6), inset 0 -4px 12px rgba(0,0,0,0.25);

}

.logo svg{width:38px;height:38px;display:block}

.title{

display:flex;

flex-direction:column;

line-height:1;

}

.title .name{

font-weight:700;

letter-spacing:0.06em;

font-size:18px;

}

.title .tag{

color:var(–muted);

font-size:12px;

}

nav{

display:flex;

gap:10px;

align-items:center;

}

.btn{

background:transparent;

border:1px solid rgba(255,255,255,0.06);

color:var(–muted);

padding:8px 12px;

border-radius:10px;

font-size:14px;

text-decoration:none;

cursor:pointer;

transition:all .18s ease;

backdrop-filter: blur(4px);

}

.btn.primary{

background:linear-gradient(90deg, rgba(201,161,122,0.14), rgba(201,161,122,0.06));

color:#efe7df;

border:1px solid rgba(201,161,122,0.18);

box-shadow: 0 6px 20px rgba(202,157,121,0.06);

}

.btn:hover{transform:translateY(-3px)}

/* Hero */

.hero{

background:

radial-gradient(1200px 400px at 10% 10%, rgba(201,161,122,0.035), transparent 10%),

radial-gradient(900px 300px at 95% 85%, rgba(255,255,255,0.02), transparent 8%),

linear-gradient(180deg, rgba(255,255,255,0.01), transparent);

border-radius:var(–radius);

padding:22px;

display:flex;

gap:20px;

align-items:center;

margin-bottom:18px;

}

.hero-left{

flex:1 1 360px;

}

.eyebrow{

color:var(–muted);

font-size:13px;

margin-bottom:8px;

}

h1{

margin:0 0 12px 0;

font-size:24px;

letter-spacing:0.02em;

}

p.lead{

margin:0 0 16px 0;

color:var(–muted);

}

.actions{display:flex;gap:10px;flex-wrap:wrap}

/* Info cards */

.grid{

display:grid;

grid-template-columns: 1fr;

gap:14px;

margin-bottom:18px;

}

@media(min-width:880px){

.hero{padding:36px}

.hero-left h1{font-size:32px}

.grid{grid-template-columns: 1fr 320px}

}

.card{

background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));

border-radius:12px;

padding:16px;

box-shadow: 0 6px 20px rgba(2,2,2,0.5);

}

.services li{

margin:10px 0;

list-style:none;

padding-left:14px;

position:relative;

color:var(–muted);

}

.services li:before{

content:””;

position:absolute;

left:0;top:8px;

width:8px;height:8px;

background:var(–accent);

border-radius:50%;

box-shadow:0 2px 8px rgba(201,161,122,0.14);

}

.profile{

display:flex;

gap:12px;

align-items:center;

}

.avatar{

width:78px;height:78px;border-radius:10px;background:var(–glass);display:grid;place-items:center;font-size:14px;color:var(–muted);

border:1px solid rgba(255,255,255,0.03);

flex-shrink:0;

}

.meta small{color:var(–muted);display:block}

/* Gallery */

.gallery{

display:grid;

grid-template-columns: repeat(3,1fr);

gap:10px;

margin-top:12px;

}

.thumb{

border-radius:8px;

min-height:78px;

background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));

display:block;

overflow:hidden;

border:1px solid rgba(255,255,255,0.03);

}

.thumb img{width:100%;height:100%;object-fit:cover;display:block}

@media(max-width:520px){

.gallery{grid-template-columns: repeat(2,1fr)}

.actions{width:100%}

}

footer{

margin-top:18px;

color:var(–muted);

font-size:13px;

display:flex;

justify-content:space-between;

gap:12px;

align-items:center;

}

/* small form */

.contact-row{display:flex;gap:8px;align-items:center}

.contact-row a{flex:1;text-align:center}

.note{font-size:12px;color:var(–muted);margin-top:8px}

</style>

</head>

<body>

<!– Embeded SVG logo (golden iris motif) –>

<defs>

</linearGradient>

</defs>

</g>

</svg>

</div>

<div class=”tag”>アイリス・リュクス — 東京の高級宴会コンパニオン</div>

</div>

<a class=”btn” href=”#gallery”>ギャラリー</a>

</nav>

</header>

<div class=”eyebrow”>大人の接客、上質な時間を</div>

<h1 id=”hero-title”>東京の宴会コンパニオン派遣 — 高級・大人向け</h1>

<p class=”lead”>IRIS LUXE（アイリス・リュクス）は、ビジネス宴会・接待・ホテル宴会など大人の場にふさわしい、落ち着いた接客と上質なホスピタリティを提供します。スマホ表示を重視したデザイン・運用でスムーズなご案内が可能です。</p>

<a class=”btn primary” href=”tel:+81312345678″ title=”電話で問い合わせ”>電話で相談（例）</a>

<a class=”btn” href=”mailto:info@example.com?subject=IRIS%20LUXE%20ご予約%20問い合わせ” title=”メールで問い合わせ”>メールで相談</a>

</div>

<div class=”note”>※ 具体的なご依頼はメールもしくはお電話で承ります。個人情報は必要最小限で安全に取り扱います。</div>

</div>

<!– simple decorative svg portrait –>

</svg>

</div>

<strong>プレミアムサービス</strong>

<small class=”muted”>厳選されたスタッフのみ在籍</small>

<small style=”color:var(–muted)”>個別対応で安心・安全</small>

</div>

<div style=”color:var(–muted);font-size:13px”>対応エリア：東京都内中心</div>

<div>

</div>

</section>

<h2 id=”svc-title” style=”margin-top:0″>提供サービス</h2>

<li>落ち着いた“大人向け”の宴会コンパニオン派遣</li>

<li>企業接待・周年行事・ホテル宴席などのプロ対応</li>

<li>時間帯・人数に応じた柔軟なプラン（ショート〜ロング）</li>

<li>個別のおもてなし（飲食ケア、会話・場の盛上げ）</li>

<li>プライバシー保護・身辺確認済みのキャストを派遣</li>

</ul>

<h3 style=”margin:0 0 8px 0″>ご予約の流れ</h3>

<li>ご希望の日程・場所・人数をお知らせください</li>

<li>お見積り・スタッフ構成のご提案（確認後確定）</li>

<li>当日は担当スタッフが丁寧に対応します</li>

</ol>

</section>

<h3 id=”profile-title” style=”margin-top:0″>ブランドについて</h3>

「IRIS LUXE（アイリス・リュクス）」は、既存の「アイリス」ブランドとは別ラインとして、大人向けの高級派遣サービスを想定したブランドです。落ち着き・気品・信頼感を重視しています。

</p>

<h4 style=”margin:12px 0 8px 0″>ブランド案（候補）</h4>

<li>IRIS NOIR（アイリス・ノワール） — クラシックでシック</li>

<li>アイリス・ソワレ — 夜会を想起させる上品さ</li>

</ul>

<strong>スマホ最適化</strong>

<div style=”color:var(–muted);font-size:13px;margin-top:6px”>レスポンシブ設計、タッチ操作に配慮したボタン配置、軽量SVG画像採用で高速表示を実現しています。</div>

</div>

</aside>

</div>

<h2 id=”gallery-title” style=”margin-top:0″>ギャラリー（サンプル）</h2>

<!– Sample decorative thumbs (SVG embedded) – replace with real base64 JPG/PNG if desired –>

</a>

</a>

</a>

</div>

<p style=”color:var(–muted);font-size:13px;margin-top:10px”>※ 実際の写真を掲載する場合は、肖像権とプライバシーにご注意ください。</p>

</section>

<h2 id=”contact-title” style=”margin-top:0″>ご予約・お問い合わせ</h2>

ご予約の際は「日程」「開始時間（予定）」「会場（住所）」「人数（お客様／キャスト）」をお知らせください。お見積りを作成して返信いたします。

</p>

<a class=”btn” href=”mailto:info@example.com?subject=IRIS%20LUXE%20見積り%20依頼&body=下記の項目をご記入ください%0D%0A%0D%0A1.%20ご希望日%0D%0A2.%20開始時間%0D%0A3.%20会場（住所）%0D%0A4.%20参加人数（お客様／キャスト）%0D%0A5.%20備考”>見積り依頼（メール）</a>

<a class=”btn” id=”copy” href=”#” title=”連絡先をコピー”>連絡先をコピー</a>

</div>

<div class=”note”>電話は例示です。実運用では実際の電話番号／メールアドレスに変更してください。</div>

</section>

<div>IRIS LUXE — <small style=”color:var(–muted)”>高級宴会コンパニオン派遣（東京）</small></div>

</div>

</footer>

</div>

// Small interactive bits: copy contact details, set year.

(function(){

document.getElementById(‘year’).textContent = new Date().getFullYear();

const copyBtn = document.getElementById(‘copy’);

copyBtn.addEventListener(‘click’, function(e){

e.preventDefault();

const text = “IRIS LUXE\\n電話: +81 3 1234 5678\\nメール: info@example.com”;

if(navigator.clipboard && navigator.clipboard.writeText){

navigator.clipboard.writeText(text).then(()=> {

copyBtn.textContent = “連絡先をコピー済み”;

setTimeout(()=> copyBtn.textContent = “連絡先をコピー”, 2200);

}).catch(()=> alert(“コピーできませんでした。手動でコピーしてください。”));

} else {

// fallback

const ta = document.createElement(‘textarea’);

ta.value = text;

document.body.appendChild(ta);

ta.select();

try{ document.execCommand(‘copy’); copyBtn.textContent = “連絡先をコピー済み”; setTimeout(()=> copyBtn.textContent = “連絡先をコピー”, 2200);}catch(e){ alert(“コピーに失敗しました。”);}

ta.remove();

}

});

})();

</script>

</body>

</html>